// // 自定义全局指令
// Vue.directive('imgerror', {
//     // 当指令绑定的元素插入到dom时调用
//     // el就是指令绑定的dom元素
//     // binding就是指令的相关信息，里面有最重要的value属性，获取的是指令绑定值
//     inserted (el, binding) {

//       // 希望绑定这个指令的img如果不能加载
//       // 就要给默认图片
//       el.onerror = function () {
//         el.src = binding.value
//       }
//     }
//   })
import Vue from 'vue'

// 导入
import * as imgObj from './img'
// console.log(imgObj)
// Vue.directive('imgerror', imgObj.imgerror)
// Vue.directive('lazyimg', imgObj.lazyimg)

// 就意味着我要遍历这个对象
// 这个对象有多少个属性，我就创建多少个自定义指令
for (const key in imgObj) {
  // console.log(key, imgObj[key])
  Vue.directive(key, imgObj[key])
}

// 架构----回过头来再看看